@charset "utf-8";
@mixin section-right{
    .section-right{
        width: 647px;
        height: 878px;
        
        
        
       .title-box {
           //  我的购物车文字
            h3{
            font-size:18px;
            font-weight: 500;
             display: inline-block;
              }
            //  修改-文字样式
        span{
            font-size: 18px;
            margin-left: 500px;
            }
        
       }
    
    //  结算商品框架
        .commodity1{
            width: 647px;
            height: 245px;
            border-top: 1px solid #dadada;
            margin-top: 8px;
    //      商品图片div
            .commodity1-img{
              margin-top: 23px;
              width: 120px;
              height:120px;
              float: left;
              
            }
            //     商品品牌名称-文字样式
           h3{
                margin-top: 22px;
                margin-left: 21px;
                font-size: 14px;
                font-weight: 500;
                float: left;
            
            }
    //      商品明细：商品样式、规格、价格等-文字样式
            ul{
                float: left;
                margin-top: 70px;
                margin-left: -80px;
            }
            ul li{
               padding-bottom: 17px; 
               font-size: 14px;
            }
    //      价格150-文字样式
            span{
                font-size: 14px;
                display:inline-block;
                float: right;
                margin-right: 20px;
                margin-top: 215px;
                
            }
        }
    //  第二个商品框架只显示底部边框
        .commodity1:nth-of-type(3){
            border-bottom: 1px solid #dadada;
        }
    //  商品金额、优惠、运费、订单总额-框架
        .section-right-end{
            width:647px;
            height: 233px;
            margin-top: 23px;
            background: #efefef;
            border-radius: 8px;
           
        }
    //  商品金额、优惠、运费
        .section-right-end table{
            width:572px ;
            height: 87px;
            margin-left: 38px;
            td:nth-of-type(2n){
                text-align: right;
                padding-top: 15px;
                padding-bottom: 15px;
            }
    //      水平线与价格之间的距离
            .tr{
                padding-top: 20px;
            }
    //      优惠字体样式
            .td-4-color{
                color: #c1c1c1;
            }
    //      订单总额-文字样式
            .last-money{
                font-size: 18px;
            }
        }
    }
    
}
//内容右边部分

